$(function () {

    //1 库存界面 动态获取所有数据
    //1.1 动态创建表格
    $.ajax({
        url: "/hospital/inventory/all.action",
        type: "GET",
        dataType: "json",
        success: function (data) {
            var $list = $("#tb_4");
            $.each(data, function (index, ele) {
                var $item = createDataItem(index, ele);
                $list.append($item);
            });
        },
        error: function (jqXHR) {
            alert("获取数据失败");
        }
    });

    //1.2 动态创建一条记录
    function createDataItem(index, data) {
        var $item = $("" + "<tr>\n" +
            "            <td style=\"width:100px;\">" + data.id + "</td>\n" +
            "            <td>" + data.mdcName + "</td>\n" +
            "            <td>" + data.mdcSpec + "</td>\n" +
            "            <td>" + data.mdcUnit + "</td>\n" +
            "            <td>" + data.ivtrCount + "</td>\n" +
            "            <td>" + data.ivtrGuaranteeDate + "</td>\n" +
            "            <td>" + data.ivtrRemark + "</td>\n" +
            "        </tr>");
        return $item;
    }

    //2 监听进入新药按钮事件 隐藏数据 显示引入新药界面
    $("#inventory-add").click(function () {
        $(".addNewMec").css("display", "block");
        $("#over").css("display", "block");

        //2.1获取 所有药品类别和供应商
        //2.1.1 获取类别
        $("#addNewMecInputInfoType").html("");
        $("#addNewMecInputInfoType").append("<option value=''>请选择药品类别</option>");
        // $("#select").append("<option value = '1'>" + '内科' + "</option>");
        $.ajax({
            url: "/hospital/medicine_type/all.action",
            dataType: "json",
            type: "GET",
            success: function (data) {
                $.each(data, function (index, ele) {
                    $("#addNewMecInputInfoType").append("<option value = '" + ele.mdc_type_id + "'>" + ele.mdc_type_name + "</option>");
                });
            },
            error: function () {
                alert("mdc type error");
            }
        });
        //2.1.2 获取供应商
        $("#addNewMecInputInfoSui").html("");
        $("#addNewMecInputInfoSui").append("<option value=''>请选择药品供应商</option>");
        $.ajax({
            url: "/hospital/suppiler/all_suppiler.action",
            dataType: "json",
            type: "GET",
            success: function (data) {
                $.each(data, function (index, ele) {
                    $("#addNewMecInputInfoSui").append("<option value = '" + ele.id + "'>" + ele.sup_name + "</option>");
                });
            },
            error: function () {
                alert("mdc sup error");
            }
        });
    });

    //2.2 引入新药弹出框 确认按钮监听事件
    $("#addNewMecBtnSure").click(function () {
        //2.2.1 获取输入的数据
        var num = $("#addNewMecInputInfoNumber").val();
        var name = $("#addNewMecInputInfoName").val();
        var unit = $("#addNewMecInputInfoUnit").val();
        var spec = $("#addNewMecInputInfoSpec").val();
        var typeId = $("#addNewMecInputInfoType option:selected").val();
        var supId = $("#addNewMecInputInfoSui option:selected").val();
        var company = $("#addNewMecInputInfoCom").val();
        var remark = $("#addNewMecInputInfoRem").val();
        $.ajax({
            url: "/hospital/inventory/add.action",
            type: "POST",
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            data: JSON.stringify({
                "mdcNum": num,
                "mdcName": name,
                "mdcUnit": unit,
                "mdcSpec": spec,
                "mdcTypeId": typeId,
                "mdcSupplierId": supId,
                "mdcCompany": company,
                "mdcRemark": remark
            }),
            success: function (data) {
                alert("添加新药成功");
                //隐藏弹出框
                $(".addNewMec").css("display", "none");
                $("#over").css("display", "none");
            },
            error: function () {
                alert("添加失败");
            }
        });
    });

    //2.3 引入新药弹出框 返回按钮监听事件
    $("#addNewMecBtnBack").click(function () {
        $(".addNewMec").css("display", "none");
        $("#over").css("display", "none");
    });

    //3 库存界面 查询按钮事件监听
    $("#inventoryNameSelectBtn").click(function () {
        //获取输入框要查询的数据
        var name = $("#nameInventoryInput").val();
        //返回数据查询
        $.ajax({
            url: "/hospital/inventory/mdcName.action",
            type: "POST",
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            data: JSON.stringify({"mdcName": name}),
            success: function (data) {
                var $list = $("#tb_4");
                //1.清空表格数据
                $("#tb_4 tr:not(:first)").html("");
                //2.动态创建数据
                $.each(data, function (index, ele) {
                    var $item1 = createDataItem(index, ele);
                    $list.append($item1);
                });
            },
            error: function () {
                alert("查询失败");
            }
        });
    });

    //4 库存界面 操作栏按钮事件监听
    //4.1 库存界面 编辑按钮事件委托
    $("#tb_4").delegate(".inventory-table-update-btn", "click", function () {
        //4.1.1获取修改前的数据
        var $value = $(this).parents("tr")[0];
        var id = $value.children[0].innerHTML;
        var name = $value.children[1].innerHTML;
        $("#inventory-update-input-name").val(name);
        var spec = $value.children[2].innerHTML;
        $("#inventory-update-input-type").val(spec);
        var unit = $value.children[3].innerHTML;
        $("#inventory-update-input-unit").val(unit);
        var count = $value.children[4].innerHTML;
        $("#inventory-update-input-count").val(count);
        var date = $value.children[5].innerHTML;
        $("#inventory-update-input-useData").val(date);
        var remark = $value.children[6].innerHTML;
        $("#inventory-update-input-remark").val(remark);
        //显示编辑界面
        $(".all-inventory-update-input").fadeIn(0);
        $("#over").fadeIn(0);
        //4.1.2 编辑界面 确认按钮点击事件
        $("#addInventory-update-sure").click(function () {
            //获得用户修改后的值
            var ivtrCount = $("#inventory-update-input-count").val();
            var ivtrUseDate = $("#inventory-update-input-useData").val();
            var ivtrRemark = $("#inventory-update-input-remark").val();
            $.ajax({
                url: "/hospital/inventory/update.action",
                type: "POST",
                datatype: "json",
                contentType: "application/json;charset=utf-8",
                data: JSON.stringify({
                    "id": id,
                    "ivtrCount": ivtrCount,
                    "ivtrUseDate": ivtrUseDate,
                    "ivtrRemark": ivtrRemark
                }),
                success: function (data) {
                    var $list = $("#tb_4");
                    //1.清空表格数据
                    $("#tb_4 tr:not(:first)").html("");
                    //2.动态创建数据
                    $.each(data, function (index, ele) {
                        var $item1 = createDataItem(index, ele);
                        $list.append($item1);
                    });
                    // 关闭编辑界面
                    $(".all-inventory-update-input").fadeOut(0);
                    $("#over").fadeOut(0);
                },
                error: function () {
                    alert("修改失败");
                }
            });

        });
    });
    //4.1.3 编辑界面 返回按钮点击事件
    $("#addInventory-update-back").click(function () {
        $(".all-inventory-update-input").fadeOut(0);
        $("#over").fadeOut(0);
    });

    //4.2 库存界面 删除按钮事件委托
    $("#tb_4").delegate(".inventory-table-cancel-btn", "click", function () {
        //获取当前行的 库存id
        var id = $(this).parents("tr")[0].children[0].innerHTML;
        $.ajax({
            url: "/hospital/inventory/delete.action",
            type: "POST",
            dataType: "json",
            contentType: "application/json;charset=utf-8",
            data: JSON.stringify({"id": id}),
            success: function (data) {
                var $list = $("#tb_4");
                //1.清空表格数据
                $("#tb_4 tr:not(:first)").html("");
                //2.动态创建数据
                $.each(data, function (index, ele) {
                    var $item1 = createDataItem(index, ele);
                    $list.append($item1);
                });
            },
            error: function () {
                alert("删除失败");
            }
        });
    });
});